const articleList = [
  { 
    id: 0,
    title: '安装element ui固定版本',
    row: 'npm i elementui@2.13.2', 
    link: 'https://blog.51cto.com/u_15473285/5973177', 
    fabulous: '15', 
    read: '1034', 
    Collection: '31', 
    comment: '107' 
  },
  { 
    id: 1, 
    title: 'proxy解决跨域', 
    row: '语雀地址:https://www.yuque.com/tademanong/ag7q4n/obrpkk?singleDoc《proxy解决跨域》', 
    link: 'https://blog.51cto.com/u_15473285/5893273', 
    fabulous: '11', 
    read: '1372', 
    Collection: '17', 
    comment: '63' 
  },
  { 
    id: 2, 
    title: 'warn | <el-descriptions>did you register the component correctly', 
    row: '快下班了,程序报了一个错,觉得很有意思', 
    link: 'https://mp.weixin.qq.com/s/sHCEBwaUjqS237v60GRu6A', 
    fabulous: '6', 
    read: '992', 
    Collection: '9', 
    comment: '46' 
  },
  { 
    id: 3, 
    title: '腾讯云服务器如何发布网站(建议收藏)', 
    row: '很多人,购买了域名,不知道怎么关联起来,怎么在浏览器打开域名,就可以看到自己写的网站,接下来,我们从选购服务器域名,到安装环境,远程桌面,修改端口号,部署添加文件,一一为大家讲解', 
    link: 'https://mp.weixin.qq.com/s/d9PNZqdewCfszMFjiZ8kqQ', 
    fabulous: '23', 
    read: '1217', 
    Collection: '14', 
    comment: '78' 
  },
  { 
    id: 4, 
    title: '响应式布局的5种实现方式', 
    row: '响应式布局是我们在简历里面看到最多的技能,那么,什么是响应式布局?在学习响应式布局之前,我们先明白,响应式布局到底是什么?用来做什么?', 
    link: 'https://mp.weixin.qq.com/s/XBbbVMc2LRvDHi_iJ-PgQA', 
    fabulous: '42', 
    read: '2369', 
    Collection: '107', 
    comment: '343' 
  },
  { 
    id: 5, 
    title: '一行代码将网站变灰', 
    row: '在一些特殊日子里,网站会变灰,一开始想的是,写一套灰色的样式,如果网站页面多的话,这个想法,不太现实,所以我们查阅文章,找到了一个很好的属性filter: grayscale(100%);我们只需要给html添加这个属性,就可以直接变灰了', 
    link: 'https://mp.weixin.qq.com/s/btLA4B8DMubKHvpPpcbyhA', 
    fabulous: '12', 
    read: '1169', 
    Collection: '10', 
    comment: '53' 
  },
  { 
    id: 6, 
    title: '使用useTransition做个数字加载动画', 
    row: '在很多网站上我们可以看到,数字类的东西,都会有一个动画过渡,这个怎么做呢?其实我们可以用VueUse的useTransition方法,用法很简单,一行代码就可以实现数字过渡', 
    link: 'https://mp.weixin.qq.com/s/o7tdzVc628ura0KzdBdvMw', 
    fabulous: '17', 
    read: '998', 
    Collection: '23', 
    comment: '37' 
  },
  { 
    id: 7,
    title: 'Git Gui 汉化', 
    row: '首先需要下载git gui的汉化包,我把汉化包整理到仓库了,使用git下载就行', 
    link: 'https://mp.weixin.qq.com/s/9sNlUImrLzl4MTJ07QhtHA', 
    fabulous: '16', 
    read: '786', 
    Collection: '6', 
    comment: '6' 
  },
  { 
    id: 8, 
    title: 'VueUse暗黑模式', 
    row: 'vueuse提供了很多方法,我看见一个有意思的就是暗黑模式,仔细想了想,暗黑模式是不是操纵类名进行切换,查看了文档进行测试,发现他这个方法会返回true或者false,再通过三目运算符就可以实现,也可以对它的方法进行配置,操控body进行类名切换...', 
    link: 'https://mp.weixin.qq.com/s/Dst9655W7bM0PZXMIvkTSw', 
    fabulous: '37', 
    read: '2136', 
    Collection: '25', 
    comment: '13' 
  },
  { 
    id: 9, 
    title: 'uni-app实现省市区下拉框(picker组件)', 
    row: '1.使用picker组件 2.我们详细介绍一下属性', 
    link: 'https://mp.weixin.qq.com/s/iPkMJ3JUd71l8q2GrH573w', 
    fabulous: '4', 
    read: '1459', 
    Collection: '7', 
    comment: '20' 
  },
  { 
    id: 10, 
    title: '项目顶部导航优化-吸顶交互效果', 
    row: '我们在浏览网页的时候,会发现,过了一会,导航栏出现了,这是怎么回事呢?刚上大一学习html和css的同学们会说,这是positon的fixed固定定位,并且找了张截图作为证据', 
    link: 'https://mp.weixin.qq.com/s/uEh_GWPQMOgRjGkDLHnDBg', 
    fabulous: '14', 
    read: '1629', 
    Collection: '12', 
    comment: '68' 
  },
  { 
    id: 11, 
    title: 'vuex持久化', 
    row: '在我们页面登录的时候会有一个凭证token,一般这个token,我们是要存入本地的,所以今天呢,我们封装一下localStorage本地存储的三个方法', 
    link: 'https://mp.weixin.qq.com/s/LYFfM5IlV4twkqKsTYFKAw', 
    fabulous: '29', 
    read: '1842', 
    Collection: '23', 
    comment: '96' 
  },
]

export default articleList